﻿<script type="text/javascript">
    $(document).ready(function () {
        $(".cargandoRecuperar").hide();
        EventBinder($("#btnRecuperar"), "click", enviarRecuperacion);
    });

    function enviarRecuperacion() {
        $("#valorChota").prop("disabled", true);
        $("#btnRecuperar").prop("disabled", true);
        $(".cargandoRecuperar").show();

        $.ajax({
            url: '@Url.Content("~/Auth/EnviarRecuperacion/")',
            data: { valorChota: $("#valorChota").val() },
            success: function (data) {
                $("#valorChota").hide();
                $("#btnRecuperar").hide();
                $(".cargandoRecuperar").hide();
                $("#mensajeConfirmacion").text("Se ha enviado un e-mail para que puedas recuperar tu cuenta a: " + data.Email);
            }
        });
    }
</script>
<form action="" method="post" class="form-horizontal formularioRecuperar">
    <div class="form-group">
        <label id="mensajeConfirmacion">Ingresá el E-mail ó nombre de usuario con el que te registraste:</label>
        <input type="text" id="valorChota" placeholder="E-Mail ó Nombre de Usuario" class="form-control" />
    </div>
    <div class="form-group">
        <button id="btnRecuperar" class="btn btn-primary">Recuperar</button>
        <img class="cargandoRecuperar" alt="Cargando..." src="@Url.Content("~/Contenido/Imagenes/loading2.gif")" />
    </div>
</form>
